<template>
  <div>
    <h3>学习vue</h3>
    <p>message:{{ msg }}</p>
    <div>{{rawHtml}}</div>
    <div v-html="rawHtml"></div>
    <div v-bind:id="dynamic"></div>
    <div :id="dynamic"></div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data() {
    return {
      msg: 'hello vue',
      rawHtml: '<span style="color:red">this is raw html</span>',
      dynamic: 'myid'
    }
  }
}
</script>
